Full source code website bán hàng thương mại điện tử gần giống shopee
469.147 lượt xem;
1
2 ul.tabs
3 {
4 padding: 0px 0;
5 font-size: 0;
6 margin:0;
7 list-style-type: none;
8 text-align: left; /*set to left, center, or right to align the tabs as desired*/
9 background-image:url('../../images/box_cat_pro.jpg');
10 }
11
12 ul.tabs li
13 {
14 display: inline;
15 float:right;
16 margin: 0;
17 margin-right:3px; /*distance between tabs*/
18 }
19
20 ul.tabs li a
21 {
22 font: bold 12px tahoma;
23 text-decoration: none;
24 position: relative;
25 z-index: 1;
26 padding: 7px 5px;
27 color: #536B27;
28 outline:none;
29 top:7px;
30 }
31
32 ul.tabs li a:visited
33 {
34 font: normal 12px tahoma;
35 text-decoration: none;
36 color: #536B27;
37 }
38
39 ul.tabs li a:hover
40 {
41 background: #FFFFFF;
42 border-top: 1px solid #006095;
43 border-left: 1px solid #006095;
44 border-right: 1px solid #006095;
45 border-bottom: 1px solid #FFFFFF;
46 }
47
48 ul.tabs li.selected a
49 {
50 /*selected tab style */
51 background: #FFFFFF;
52 border-top: 1px solid #006095;
53 border-left: 1px solid #006095;
54 border-right: 1px solid #006095;
55 border-bottom: 1px solid #FFFFFF;
56 top:7px;
57 }
58
59
60 ul.tabs li.selected a:hover
61 {
62 /*selected tab style */
63 text-decoration: none;
64 }
65 ul.tabs1
66 {
67 padding: 0px 0;
68 font-size: 0;
69 margin:0;
70 margin-left:5px;
71 list-style-type: none;
72 text-align: left; /*set to left, center, or right to align the tabs as desired*/
73 background-image:url('../../images/box_cat_pro.jpg');
74 }
75
76 ul.tabs1 li
77 {
78 display: inline;
79 margin: 0;
80 margin-right:3px; /*distance between tabs*/
81 background-image: url('../images/ul_tab.png')
82 }
83
84 ul.tabs1 li a
85 {
86 font: bold 13px tahoma;
87 text-decoration: none;
88 position: relative;
89 z-index: 1;
90 padding: 7px 5px;
91 color: #333333;
92 outline:none;
93 top:7px;
94 }
95
96 ul.tabs1 li a:visited
97 {
98 font: normal 14px tahoma;
99 text-decoration: none;
100 color: #333333;
101 }
102
103 ul.tabs1 li a:hover
104 {
105 background: #FFFFFF;
106 border-top: 1px solid #006095;
107 border-left: 1px solid #006095;
108 border-right: 1px solid #006095;
109 border-bottom: 1px solid #FFFFFF;
110 }
111
112 ul.tabs1 li.selected a
113 {
114 /*selected tab style */
115 background: #FFFFFF;
116 border-top: 1px solid #006095;
117 border-left: 1px solid #006095;
118 border-right: 1px solid #006095;
119 border-bottom: 1px solid #FFFFFF;
120 top:7px;
121 letter-spacing:-1px;
122 }
123
124
125 ul.tabs1 li.selected a:hover
126 {
127 /*selected tab style */
128 text-decoration: none;
129 }
130 div.tabcontent
131 {
132 display: block;
133 padding-left:0px;
134 padding-bottom:0px;
135 overflow:hidden;
136 }
137 div.tabcontent a:visited
138 {
139 color:#333333
140 }
141 div.tabcontents
142 {
143 border: 0px solid #276864; padding: 0px;
144 background-color:#FFF;
145 }
2 ul.tabs
3 {
4 padding: 0px 0;
5 font-size: 0;
6 margin:0;
7 list-style-type: none;
8 text-align: left; /*set to left, center, or right to align the tabs as desired*/
9 background-image:url('../../images/box_cat_pro.jpg');
10 }
11
12 ul.tabs li
13 {
14 display: inline;
15 float:right;
16 margin: 0;
17 margin-right:3px; /*distance between tabs*/
18 }
19
20 ul.tabs li a
21 {
22 font: bold 12px tahoma;
23 text-decoration: none;
24 position: relative;
25 z-index: 1;
26 padding: 7px 5px;
27 color: #536B27;
28 outline:none;
29 top:7px;
30 }
31
32 ul.tabs li a:visited
33 {
34 font: normal 12px tahoma;
35 text-decoration: none;
36 color: #536B27;
37 }
38
39 ul.tabs li a:hover
40 {
41 background: #FFFFFF;
42 border-top: 1px solid #006095;
43 border-left: 1px solid #006095;
44 border-right: 1px solid #006095;
45 border-bottom: 1px solid #FFFFFF;
46 }
47
48 ul.tabs li.selected a
49 {
50 /*selected tab style */
51 background: #FFFFFF;
52 border-top: 1px solid #006095;
53 border-left: 1px solid #006095;
54 border-right: 1px solid #006095;
55 border-bottom: 1px solid #FFFFFF;
56 top:7px;
57 }
58
59
60 ul.tabs li.selected a:hover
61 {
62 /*selected tab style */
63 text-decoration: none;
64 }
65 ul.tabs1
66 {
67 padding: 0px 0;
68 font-size: 0;
69 margin:0;
70 margin-left:5px;
71 list-style-type: none;
72 text-align: left; /*set to left, center, or right to align the tabs as desired*/
73 background-image:url('../../images/box_cat_pro.jpg');
74 }
75
76 ul.tabs1 li
77 {
78 display: inline;
79 margin: 0;
80 margin-right:3px; /*distance between tabs*/
81 background-image: url('../images/ul_tab.png')
82 }
83
84 ul.tabs1 li a
85 {
86 font: bold 13px tahoma;
87 text-decoration: none;
88 position: relative;
89 z-index: 1;
90 padding: 7px 5px;
91 color: #333333;
92 outline:none;
93 top:7px;
94 }
95
96 ul.tabs1 li a:visited
97 {
98 font: normal 14px tahoma;
99 text-decoration: none;
100 color: #333333;
101 }
102
103 ul.tabs1 li a:hover
104 {
105 background: #FFFFFF;
106 border-top: 1px solid #006095;
107 border-left: 1px solid #006095;
108 border-right: 1px solid #006095;
109 border-bottom: 1px solid #FFFFFF;
110 }
111
112 ul.tabs1 li.selected a
113 {
114 /*selected tab style */
115 background: #FFFFFF;
116 border-top: 1px solid #006095;
117 border-left: 1px solid #006095;
118 border-right: 1px solid #006095;
119 border-bottom: 1px solid #FFFFFF;
120 top:7px;
121 letter-spacing:-1px;
122 }
123
124
125 ul.tabs1 li.selected a:hover
126 {
127 /*selected tab style */
128 text-decoration: none;
129 }
130 div.tabcontent
131 {
132 display: block;
133 padding-left:0px;
134 padding-bottom:0px;
135 overflow:hidden;
136 }
137 div.tabcontent a:visited
138 {
139 color:#333333
140 }
141 div.tabcontents
142 {
143 border: 0px solid #276864; padding: 0px;
144 background-color:#FFF;
145 }
